/**
 * 常用的一些简单的样式辅助类配置，可以直接使用
 */
/**
 * mvi组件库中常用的css样式配置
 */
.mvi-scrolling-touch {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.mvi-text-error {
  color: var(--mvi-error-normal) !important;
}
.mvi-text-warn {
  color: var(--mvi-warn-normal) !important;
}
.mvi-text-info {
  color: var(--mvi-info-normal) !important;
}
.mvi-text-success {
  color: var(--mvi-success-normal) !important;
}
.mvi-text-primary {
  color: var(--mvi-primary-normal) !important;
}
.mvi-text-link {
  color: var(--mvi-font-color-link) !important;
}
.mvi-text-muted {
  color: var(--mvi-font-color-mute) !important;
}
.mvi-text-white {
  color: #fff !important;
}
.mvi-text-sub {
  color: var(--mvi-font-color-sub) !important;
}
.mvi-bg-success {
  background-color: var(--mvi-light-success) !important;
  color: var(--mvi-success-normal) !important;
}
.mvi-bg-warn {
  background-color: var(--mvi-light-warn) !important;
  color: var(--mvi-warn-normal) !important;
}
.mvi-bg-info {
  background-color: var(--mvi-light-info) !important;
  color: var(--mvi-info-normal) !important;
}
.mvi-bg-primary {
  background-color: var(--mvi-light-primary) !important;
  color: #fff !important;
}
.mvi-bg-error {
  background-color: var(--mvi-light-error) !important;
  color: var(--mvi-error-normal) !important;
}
.mvi-bg-muted {
  background-color: var(--mvi-light-default) !important;
  color: var(--mvi-font-color-default) !important;
}
.mvi-text-right {
  text-align: right !important;
}
.mvi-text-left {
  text-align: left !important;
}
.mvi-text-center {
  text-align: center !important;
}
.mvi-text-justify {
  text-align: justify !important;
}
.mvi-flex-center {
  display: flex !important;
  display: -webkit-flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.mvi-inline-center {
  display: inline-flex !important;
  display: -webkit-inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.mvi-radius-default {
  border-radius: 0.08rem !important;
}
.mvi-radius-round {
  border-radius: 999rem !important;
}
.mvi-radius-circle {
  border-radius: 50% !important;
}
.mvi-text-bold {
  font-weight: bold !important;
}
.mvi-text-normal {
  font-weight: normal !important;
}
.mvi-text-light {
  font-weight: lighter !important;
}
.mvi-m-0 {
  margin: 0rem !important;
}
.mvi-ml-0 {
  margin-left: 0rem !important;
}
.mvi-mr-0 {
  margin-right: 0rem !important;
}
.mvi-mt-0 {
  margin-top: 0rem !important;
}
.mvi-mb-0 {
  margin-bottom: 0rem !important;
}
.mvi-mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}
.mvi-my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}
.mvi-p-0 {
  padding: 0rem !important;
}
.mvi-pl-0 {
  padding-left: 0rem !important;
}
.mvi-pr-0 {
  padding-right: 0rem !important;
}
.mvi-pt-0 {
  padding-top: 0rem !important;
}
.mvi-pb-0 {
  padding-bottom: 0rem !important;
}
.mvi-px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}
.mvi-py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}
.mvi-m-1 {
  margin: 0.1rem !important;
}
.mvi-ml-1 {
  margin-left: 0.1rem !important;
}
.mvi-mr-1 {
  margin-right: 0.1rem !important;
}
.mvi-mt-1 {
  margin-top: 0.1rem !important;
}
.mvi-mb-1 {
  margin-bottom: 0.1rem !important;
}
.mvi-mx-1 {
  margin-left: 0.1rem !important;
  margin-right: 0.1rem !important;
}
.mvi-my-1 {
  margin-top: 0.1rem !important;
  margin-bottom: 0.1rem !important;
}
.mvi-p-1 {
  padding: 0.1rem !important;
}
.mvi-pl-1 {
  padding-left: 0.1rem !important;
}
.mvi-pr-1 {
  padding-right: 0.1rem !important;
}
.mvi-pt-1 {
  padding-top: 0.1rem !important;
}
.mvi-pb-1 {
  padding-bottom: 0.1rem !important;
}
.mvi-px-1 {
  padding-left: 0.1rem !important;
  padding-right: 0.1rem !important;
}
.mvi-py-1 {
  padding-top: 0.1rem !important;
  padding-bottom: 0.1rem !important;
}
.mvi-m-2 {
  margin: 0.2rem !important;
}
.mvi-ml-2 {
  margin-left: 0.2rem !important;
}
.mvi-mr-2 {
  margin-right: 0.2rem !important;
}
.mvi-mt-2 {
  margin-top: 0.2rem !important;
}
.mvi-mb-2 {
  margin-bottom: 0.2rem !important;
}
.mvi-mx-2 {
  margin-left: 0.2rem !important;
  margin-right: 0.2rem !important;
}
.mvi-my-2 {
  margin-top: 0.2rem !important;
  margin-bottom: 0.2rem !important;
}
.mvi-p-2 {
  padding: 0.2rem !important;
}
.mvi-pl-2 {
  padding-left: 0.2rem !important;
}
.mvi-pr-2 {
  padding-right: 0.2rem !important;
}
.mvi-pt-2 {
  padding-top: 0.2rem !important;
}
.mvi-pb-2 {
  padding-bottom: 0.2rem !important;
}
.mvi-px-2 {
  padding-left: 0.2rem !important;
  padding-right: 0.2rem !important;
}
.mvi-py-2 {
  padding-top: 0.2rem !important;
  padding-bottom: 0.2rem !important;
}
.mvi-m-3 {
  margin: 0.3rem !important;
}
.mvi-ml-3 {
  margin-left: 0.3rem !important;
}
.mvi-mr-3 {
  margin-right: 0.3rem !important;
}
.mvi-mt-3 {
  margin-top: 0.3rem !important;
}
.mvi-mb-3 {
  margin-bottom: 0.3rem !important;
}
.mvi-mx-3 {
  margin-left: 0.3rem !important;
  margin-right: 0.3rem !important;
}
.mvi-my-3 {
  margin-top: 0.3rem !important;
  margin-bottom: 0.3rem !important;
}
.mvi-p-3 {
  padding: 0.3rem !important;
}
.mvi-pl-3 {
  padding-left: 0.3rem !important;
}
.mvi-pr-3 {
  padding-right: 0.3rem !important;
}
.mvi-pt-3 {
  padding-top: 0.3rem !important;
}
.mvi-pb-3 {
  padding-bottom: 0.3rem !important;
}
.mvi-px-3 {
  padding-left: 0.3rem !important;
  padding-right: 0.3rem !important;
}
.mvi-py-3 {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}
.mvi-m-4 {
  margin: 0.4rem !important;
}
.mvi-ml-4 {
  margin-left: 0.4rem !important;
}
.mvi-mr-4 {
  margin-right: 0.4rem !important;
}
.mvi-mt-4 {
  margin-top: 0.4rem !important;
}
.mvi-mb-4 {
  margin-bottom: 0.4rem !important;
}
.mvi-mx-4 {
  margin-left: 0.4rem !important;
  margin-right: 0.4rem !important;
}
.mvi-my-4 {
  margin-top: 0.4rem !important;
  margin-bottom: 0.4rem !important;
}
.mvi-p-4 {
  padding: 0.4rem !important;
}
.mvi-pl-4 {
  padding-left: 0.4rem !important;
}
.mvi-pr-4 {
  padding-right: 0.4rem !important;
}
.mvi-pt-4 {
  padding-top: 0.4rem !important;
}
.mvi-pb-4 {
  padding-bottom: 0.4rem !important;
}
.mvi-px-4 {
  padding-left: 0.4rem !important;
  padding-right: 0.4rem !important;
}
.mvi-py-4 {
  padding-top: 0.4rem !important;
  padding-bottom: 0.4rem !important;
}
.mvi-m-5 {
  margin: 0.5rem !important;
}
.mvi-ml-5 {
  margin-left: 0.5rem !important;
}
.mvi-mr-5 {
  margin-right: 0.5rem !important;
}
.mvi-mt-5 {
  margin-top: 0.5rem !important;
}
.mvi-mb-5 {
  margin-bottom: 0.5rem !important;
}
.mvi-mx-5 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mvi-my-5 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.mvi-p-5 {
  padding: 0.5rem !important;
}
.mvi-pl-5 {
  padding-left: 0.5rem !important;
}
.mvi-pr-5 {
  padding-right: 0.5rem !important;
}
.mvi-pt-5 {
  padding-top: 0.5rem !important;
}
.mvi-pb-5 {
  padding-bottom: 0.5rem !important;
}
.mvi-px-5 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.mvi-py-5 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.mvi-m-6 {
  margin: 0.6rem !important;
}
.mvi-ml-6 {
  margin-left: 0.6rem !important;
}
.mvi-mr-6 {
  margin-right: 0.6rem !important;
}
.mvi-mt-6 {
  margin-top: 0.6rem !important;
}
.mvi-mb-6 {
  margin-bottom: 0.6rem !important;
}
.mvi-mx-6 {
  margin-left: 0.6rem !important;
  margin-right: 0.6rem !important;
}
.mvi-my-6 {
  margin-top: 0.6rem !important;
  margin-bottom: 0.6rem !important;
}
.mvi-p-6 {
  padding: 0.6rem !important;
}
.mvi-pl-6 {
  padding-left: 0.6rem !important;
}
.mvi-pr-6 {
  padding-right: 0.6rem !important;
}
.mvi-pt-6 {
  padding-top: 0.6rem !important;
}
.mvi-pb-6 {
  padding-bottom: 0.6rem !important;
}
.mvi-px-6 {
  padding-left: 0.6rem !important;
  padding-right: 0.6rem !important;
}
.mvi-py-6 {
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
}
.mvi-m-7 {
  margin: 0.7rem !important;
}
.mvi-ml-7 {
  margin-left: 0.7rem !important;
}
.mvi-mr-7 {
  margin-right: 0.7rem !important;
}
.mvi-mt-7 {
  margin-top: 0.7rem !important;
}
.mvi-mb-7 {
  margin-bottom: 0.7rem !important;
}
.mvi-mx-7 {
  margin-left: 0.7rem !important;
  margin-right: 0.7rem !important;
}
.mvi-my-7 {
  margin-top: 0.7rem !important;
  margin-bottom: 0.7rem !important;
}
.mvi-p-7 {
  padding: 0.7rem !important;
}
.mvi-pl-7 {
  padding-left: 0.7rem !important;
}
.mvi-pr-7 {
  padding-right: 0.7rem !important;
}
.mvi-pt-7 {
  padding-top: 0.7rem !important;
}
.mvi-pb-7 {
  padding-bottom: 0.7rem !important;
}
.mvi-px-7 {
  padding-left: 0.7rem !important;
  padding-right: 0.7rem !important;
}
.mvi-py-7 {
  padding-top: 0.7rem !important;
  padding-bottom: 0.7rem !important;
}
.mvi-m-8 {
  margin: 0.8rem !important;
}
.mvi-ml-8 {
  margin-left: 0.8rem !important;
}
.mvi-mr-8 {
  margin-right: 0.8rem !important;
}
.mvi-mt-8 {
  margin-top: 0.8rem !important;
}
.mvi-mb-8 {
  margin-bottom: 0.8rem !important;
}
.mvi-mx-8 {
  margin-left: 0.8rem !important;
  margin-right: 0.8rem !important;
}
.mvi-my-8 {
  margin-top: 0.8rem !important;
  margin-bottom: 0.8rem !important;
}
.mvi-p-8 {
  padding: 0.8rem !important;
}
.mvi-pl-8 {
  padding-left: 0.8rem !important;
}
.mvi-pr-8 {
  padding-right: 0.8rem !important;
}
.mvi-pt-8 {
  padding-top: 0.8rem !important;
}
.mvi-pb-8 {
  padding-bottom: 0.8rem !important;
}
.mvi-px-8 {
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
}
.mvi-py-8 {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}
.mvi-m-9 {
  margin: 0.9rem !important;
}
.mvi-ml-9 {
  margin-left: 0.9rem !important;
}
.mvi-mr-9 {
  margin-right: 0.9rem !important;
}
.mvi-mt-9 {
  margin-top: 0.9rem !important;
}
.mvi-mb-9 {
  margin-bottom: 0.9rem !important;
}
.mvi-mx-9 {
  margin-left: 0.9rem !important;
  margin-right: 0.9rem !important;
}
.mvi-my-9 {
  margin-top: 0.9rem !important;
  margin-bottom: 0.9rem !important;
}
.mvi-p-9 {
  padding: 0.9rem !important;
}
.mvi-pl-9 {
  padding-left: 0.9rem !important;
}
.mvi-pr-9 {
  padding-right: 0.9rem !important;
}
.mvi-pt-9 {
  padding-top: 0.9rem !important;
}
.mvi-pb-9 {
  padding-bottom: 0.9rem !important;
}
.mvi-px-9 {
  padding-left: 0.9rem !important;
  padding-right: 0.9rem !important;
}
.mvi-py-9 {
  padding-top: 0.9rem !important;
  padding-bottom: 0.9rem !important;
}
.mvi-m-10 {
  margin: 1rem !important;
}
.mvi-ml-10 {
  margin-left: 1rem !important;
}
.mvi-mr-10 {
  margin-right: 1rem !important;
}
.mvi-mt-10 {
  margin-top: 1rem !important;
}
.mvi-mb-10 {
  margin-bottom: 1rem !important;
}
.mvi-mx-10 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mvi-my-10 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.mvi-p-10 {
  padding: 1rem !important;
}
.mvi-pl-10 {
  padding-left: 1rem !important;
}
.mvi-pr-10 {
  padding-right: 1rem !important;
}
.mvi-pt-10 {
  padding-top: 1rem !important;
}
.mvi-pb-10 {
  padding-bottom: 1rem !important;
}
.mvi-px-10 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.mvi-py-10 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.mvi-m-11 {
  margin: 1.1rem !important;
}
.mvi-ml-11 {
  margin-left: 1.1rem !important;
}
.mvi-mr-11 {
  margin-right: 1.1rem !important;
}
.mvi-mt-11 {
  margin-top: 1.1rem !important;
}
.mvi-mb-11 {
  margin-bottom: 1.1rem !important;
}
.mvi-mx-11 {
  margin-left: 1.1rem !important;
  margin-right: 1.1rem !important;
}
.mvi-my-11 {
  margin-top: 1.1rem !important;
  margin-bottom: 1.1rem !important;
}
.mvi-p-11 {
  padding: 1.1rem !important;
}
.mvi-pl-11 {
  padding-left: 1.1rem !important;
}
.mvi-pr-11 {
  padding-right: 1.1rem !important;
}
.mvi-pt-11 {
  padding-top: 1.1rem !important;
}
.mvi-pb-11 {
  padding-bottom: 1.1rem !important;
}
.mvi-px-11 {
  padding-left: 1.1rem !important;
  padding-right: 1.1rem !important;
}
.mvi-py-11 {
  padding-top: 1.1rem !important;
  padding-bottom: 1.1rem !important;
}
.mvi-m-12 {
  margin: 1.2rem !important;
}
.mvi-ml-12 {
  margin-left: 1.2rem !important;
}
.mvi-mr-12 {
  margin-right: 1.2rem !important;
}
.mvi-mt-12 {
  margin-top: 1.2rem !important;
}
.mvi-mb-12 {
  margin-bottom: 1.2rem !important;
}
.mvi-mx-12 {
  margin-left: 1.2rem !important;
  margin-right: 1.2rem !important;
}
.mvi-my-12 {
  margin-top: 1.2rem !important;
  margin-bottom: 1.2rem !important;
}
.mvi-p-12 {
  padding: 1.2rem !important;
}
.mvi-pl-12 {
  padding-left: 1.2rem !important;
}
.mvi-pr-12 {
  padding-right: 1.2rem !important;
}
.mvi-pt-12 {
  padding-top: 1.2rem !important;
}
.mvi-pb-12 {
  padding-bottom: 1.2rem !important;
}
.mvi-px-12 {
  padding-left: 1.2rem !important;
  padding-right: 1.2rem !important;
}
.mvi-py-12 {
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
}
.mvi-m-13 {
  margin: 1.3rem !important;
}
.mvi-ml-13 {
  margin-left: 1.3rem !important;
}
.mvi-mr-13 {
  margin-right: 1.3rem !important;
}
.mvi-mt-13 {
  margin-top: 1.3rem !important;
}
.mvi-mb-13 {
  margin-bottom: 1.3rem !important;
}
.mvi-mx-13 {
  margin-left: 1.3rem !important;
  margin-right: 1.3rem !important;
}
.mvi-my-13 {
  margin-top: 1.3rem !important;
  margin-bottom: 1.3rem !important;
}
.mvi-p-13 {
  padding: 1.3rem !important;
}
.mvi-pl-13 {
  padding-left: 1.3rem !important;
}
.mvi-pr-13 {
  padding-right: 1.3rem !important;
}
.mvi-pt-13 {
  padding-top: 1.3rem !important;
}
.mvi-pb-13 {
  padding-bottom: 1.3rem !important;
}
.mvi-px-13 {
  padding-left: 1.3rem !important;
  padding-right: 1.3rem !important;
}
.mvi-py-13 {
  padding-top: 1.3rem !important;
  padding-bottom: 1.3rem !important;
}
.mvi-m-14 {
  margin: 1.4rem !important;
}
.mvi-ml-14 {
  margin-left: 1.4rem !important;
}
.mvi-mr-14 {
  margin-right: 1.4rem !important;
}
.mvi-mt-14 {
  margin-top: 1.4rem !important;
}
.mvi-mb-14 {
  margin-bottom: 1.4rem !important;
}
.mvi-mx-14 {
  margin-left: 1.4rem !important;
  margin-right: 1.4rem !important;
}
.mvi-my-14 {
  margin-top: 1.4rem !important;
  margin-bottom: 1.4rem !important;
}
.mvi-p-14 {
  padding: 1.4rem !important;
}
.mvi-pl-14 {
  padding-left: 1.4rem !important;
}
.mvi-pr-14 {
  padding-right: 1.4rem !important;
}
.mvi-pt-14 {
  padding-top: 1.4rem !important;
}
.mvi-pb-14 {
  padding-bottom: 1.4rem !important;
}
.mvi-px-14 {
  padding-left: 1.4rem !important;
  padding-right: 1.4rem !important;
}
.mvi-py-14 {
  padding-top: 1.4rem !important;
  padding-bottom: 1.4rem !important;
}
.mvi-m-15 {
  margin: 1.5rem !important;
}
.mvi-ml-15 {
  margin-left: 1.5rem !important;
}
.mvi-mr-15 {
  margin-right: 1.5rem !important;
}
.mvi-mt-15 {
  margin-top: 1.5rem !important;
}
.mvi-mb-15 {
  margin-bottom: 1.5rem !important;
}
.mvi-mx-15 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mvi-my-15 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.mvi-p-15 {
  padding: 1.5rem !important;
}
.mvi-pl-15 {
  padding-left: 1.5rem !important;
}
.mvi-pr-15 {
  padding-right: 1.5rem !important;
}
.mvi-pt-15 {
  padding-top: 1.5rem !important;
}
.mvi-pb-15 {
  padding-bottom: 1.5rem !important;
}
.mvi-px-15 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.mvi-py-15 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.mvi-m-16 {
  margin: 1.6rem !important;
}
.mvi-ml-16 {
  margin-left: 1.6rem !important;
}
.mvi-mr-16 {
  margin-right: 1.6rem !important;
}
.mvi-mt-16 {
  margin-top: 1.6rem !important;
}
.mvi-mb-16 {
  margin-bottom: 1.6rem !important;
}
.mvi-mx-16 {
  margin-left: 1.6rem !important;
  margin-right: 1.6rem !important;
}
.mvi-my-16 {
  margin-top: 1.6rem !important;
  margin-bottom: 1.6rem !important;
}
.mvi-p-16 {
  padding: 1.6rem !important;
}
.mvi-pl-16 {
  padding-left: 1.6rem !important;
}
.mvi-pr-16 {
  padding-right: 1.6rem !important;
}
.mvi-pt-16 {
  padding-top: 1.6rem !important;
}
.mvi-pb-16 {
  padding-bottom: 1.6rem !important;
}
.mvi-px-16 {
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important;
}
.mvi-py-16 {
  padding-top: 1.6rem !important;
  padding-bottom: 1.6rem !important;
}
.mvi-m-17 {
  margin: 1.7rem !important;
}
.mvi-ml-17 {
  margin-left: 1.7rem !important;
}
.mvi-mr-17 {
  margin-right: 1.7rem !important;
}
.mvi-mt-17 {
  margin-top: 1.7rem !important;
}
.mvi-mb-17 {
  margin-bottom: 1.7rem !important;
}
.mvi-mx-17 {
  margin-left: 1.7rem !important;
  margin-right: 1.7rem !important;
}
.mvi-my-17 {
  margin-top: 1.7rem !important;
  margin-bottom: 1.7rem !important;
}
.mvi-p-17 {
  padding: 1.7rem !important;
}
.mvi-pl-17 {
  padding-left: 1.7rem !important;
}
.mvi-pr-17 {
  padding-right: 1.7rem !important;
}
.mvi-pt-17 {
  padding-top: 1.7rem !important;
}
.mvi-pb-17 {
  padding-bottom: 1.7rem !important;
}
.mvi-px-17 {
  padding-left: 1.7rem !important;
  padding-right: 1.7rem !important;
}
.mvi-py-17 {
  padding-top: 1.7rem !important;
  padding-bottom: 1.7rem !important;
}
.mvi-m-18 {
  margin: 1.8rem !important;
}
.mvi-ml-18 {
  margin-left: 1.8rem !important;
}
.mvi-mr-18 {
  margin-right: 1.8rem !important;
}
.mvi-mt-18 {
  margin-top: 1.8rem !important;
}
.mvi-mb-18 {
  margin-bottom: 1.8rem !important;
}
.mvi-mx-18 {
  margin-left: 1.8rem !important;
  margin-right: 1.8rem !important;
}
.mvi-my-18 {
  margin-top: 1.8rem !important;
  margin-bottom: 1.8rem !important;
}
.mvi-p-18 {
  padding: 1.8rem !important;
}
.mvi-pl-18 {
  padding-left: 1.8rem !important;
}
.mvi-pr-18 {
  padding-right: 1.8rem !important;
}
.mvi-pt-18 {
  padding-top: 1.8rem !important;
}
.mvi-pb-18 {
  padding-bottom: 1.8rem !important;
}
.mvi-px-18 {
  padding-left: 1.8rem !important;
  padding-right: 1.8rem !important;
}
.mvi-py-18 {
  padding-top: 1.8rem !important;
  padding-bottom: 1.8rem !important;
}
.mvi-m-19 {
  margin: 1.9rem !important;
}
.mvi-ml-19 {
  margin-left: 1.9rem !important;
}
.mvi-mr-19 {
  margin-right: 1.9rem !important;
}
.mvi-mt-19 {
  margin-top: 1.9rem !important;
}
.mvi-mb-19 {
  margin-bottom: 1.9rem !important;
}
.mvi-mx-19 {
  margin-left: 1.9rem !important;
  margin-right: 1.9rem !important;
}
.mvi-my-19 {
  margin-top: 1.9rem !important;
  margin-bottom: 1.9rem !important;
}
.mvi-p-19 {
  padding: 1.9rem !important;
}
.mvi-pl-19 {
  padding-left: 1.9rem !important;
}
.mvi-pr-19 {
  padding-right: 1.9rem !important;
}
.mvi-pt-19 {
  padding-top: 1.9rem !important;
}
.mvi-pb-19 {
  padding-bottom: 1.9rem !important;
}
.mvi-px-19 {
  padding-left: 1.9rem !important;
  padding-right: 1.9rem !important;
}
.mvi-py-19 {
  padding-top: 1.9rem !important;
  padding-bottom: 1.9rem !important;
}
.mvi-m-20 {
  margin: 2rem !important;
}
.mvi-ml-20 {
  margin-left: 2rem !important;
}
.mvi-mr-20 {
  margin-right: 2rem !important;
}
.mvi-mt-20 {
  margin-top: 2rem !important;
}
.mvi-mb-20 {
  margin-bottom: 2rem !important;
}
.mvi-mx-20 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.mvi-my-20 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.mvi-p-20 {
  padding: 2rem !important;
}
.mvi-pl-20 {
  padding-left: 2rem !important;
}
.mvi-pr-20 {
  padding-right: 2rem !important;
}
.mvi-pt-20 {
  padding-top: 2rem !important;
}
.mvi-pb-20 {
  padding-bottom: 2rem !important;
}
.mvi-px-20 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.mvi-py-20 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.mvi-ellipsis-1 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
}
.mvi-ellipsis-2 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
.mvi-ellipsis-3 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
}
.mvi-ellipsis-4 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 4 !important;
  -webkit-box-orient: vertical !important;
}
.mvi-ellipsis-5 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
}
.mvi-text-ellipsis {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.mvi-flex-start {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}
.mvi-flex-end {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}
.mvi-flex-between {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
.mvi-flex-around {
  display: flex !important;
  justify-content: space-around !important;
  align-items: center !important;
}
.mvi-cursor-pointer:hover {
  cursor: pointer !important;
}
.mvi-font-h1 {
  font-size: 0.54rem !important;
}
.mvi-font-h2 {
  font-size: 0.48rem !important;
}
.mvi-font-h3 {
  font-size: 0.44rem !important;
}
.mvi-font-h4 {
  font-size: 0.4rem !important;
}
.mvi-font-h5 {
  font-size: 0.36rem !important;
}
.mvi-font-h6 {
  font-size: 0.32rem !important;
}
.mvi-font-default {
  font-size: 0.28rem !important;
}
.mvi-font-small {
  font-size: 0.24rem !important;
}
.mvi-hidden {
  display: none !important;
}
@media only screen and (min-width: 640px) {
  .mvi-hidden-up-sm {
    display: none !important;
  }
}
@media only screen and (min-width: 992px) {
  .mvi-hidden-up-md {
    display: none !important;
  }
}
@media only screen and (min-width: 1440px) {
  .mvi-hidden-up-lg {
    display: none !important;
  }
}
@media only screen and (min-width: 1920px) {
  .mvi-hidden-up-xl {
    display: none !important;
  }
}
@media only screen and (max-width: 639px) {
  .mvi-hidden-down-xs {
    display: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .mvi-hidden-down-sm {
    display: none !important;
  }
}
@media only screen and (max-width: 1439px) {
  .mvi-hidden-down-md {
    display: none !important;
  }
}
@media only screen and (max-width: 1919px) {
  .mvi-hidden-down-lg {
    display: none !important;
  }
}
.mvi-shadow {
  box-shadow: var(--mvi-boxshadow);
}
.mvi-transition-fade-enter-active,
.mvi-transition-fade-leave-active {
  transition: opacity 300ms;
}
.mvi-transition-fade-enter-from,
.mvi-transition-fade-leave-to {
  opacity: 0;
}
.mvi-transition-up-enter-active,
.mvi-transition-up-leave-active {
  transition: transform 300ms, opacity 300ms;
}
.mvi-transition-up-enter-from,
.mvi-transition-up-leave-to {
  opacity: 0;
  transform: translateY(1rem);
}
.mvi-transition-down-enter-active,
.mvi-transition-down-leave-active {
  transition: transform 300ms, opacity 300ms;
}
.mvi-transition-down-enter-from,
.mvi-transition-down-leave-to {
  opacity: 0;
  transform: translateY(-1rem);
}
.mvi-transition-right-enter-active,
.mvi-transition-right-leave-active {
  transition: transform 300ms, opacity 300ms;
}
.mvi-transition-right-enter-from,
.mvi-transition-right-leave-to {
  opacity: 0;
  transform: translateX(-1rem);
}
.mvi-transition-left-enter-active,
.mvi-transition-left-leave-active {
  transition: transform 300ms, opacity 300ms;
}
.mvi-transition-left-enter-from,
.mvi-transition-left-leave-to {
  opacity: 0;
  transform: translateX(1rem);
}
.mvi-transition-large-enter-active,
.mvi-transition-large-leave-active {
  transition: transform 300ms, opacity 300ms;
}
.mvi-transition-large-enter-from,
.mvi-transition-large-leave-to {
  opacity: 0;
  transform: scale(0.5);
}
.mvi-transition-small-enter-active,
.mvi-transition-small-leave-active {
  transition: transform 300ms, opacity 300ms;
}
.mvi-transition-small-enter-from,
.mvi-transition-small-leave-to {
  opacity: 0;
  transform: scale(2);
}
